﻿@charset "utf-8";
/*
color:red !important;/* Firefox、IE7支持 
_color:red;  IE6支持 
*color:red;  IE6、IE7支持 
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持 
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
behavior:url('');
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/


/*--默认--*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input, button, select, textarea  { margin: 0; padding: 0; }
html { _background-image: url(about:blank); _background-attachment: fixed; }
body { -webkit-text-size-adjust: 100%; font-size: 14px; font-family: 微软雅黑, 'Heiti SC', 黑体, Arial; }
ol, ul, li { list-style: none outside none; padding: 0; }
a { text-decoration: none; }
a:focus { outline: none; }
img { border: none; vertical-align: middle; }
table { border-collapse: collapse; }
tr, td, th { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
input, textarea, select { font-size: 14px; font-family: 微软雅黑, 'Heiti SC', 黑体, Arial; }
input, button, select, textarea { outline: none; border:0 none; }
body { min-width: 1250px; max-width: 1920px; margin: 0 auto; }



/*--*/
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}

.jspVerticalBar{width:6px;}
.jspDrag{background:#aaa;}
.jspTrack{background:#eee;}

/*--类--*/
.warp { width: 1250px; height:100%; margin: 0 auto; position: relative; }
.left { float: left; }
.right { float: right; }
.clear:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.clear { *zoom:1; }

#posLayer{ width:100%; height:100%; position:relative;}

#header{ width: 100%; position:absolute; left:0; top:32px; z-index:1;}
#header .logo{ position:absolute; left:0; top:-3px;}
#header .logo .imgWarp{ width:373px; height:55px; overflow:hidden; position: relative; top: 16px;}
#header .logo .imgWarp img{width:100%;height:auto;}
#header .logo .text{ height:14px; line-height:14px; color:#FFF; font-size:12px; border-left:1px solid #FFF; padding-left:4px; white-space:nowrap; position:absolute; bottom:6px; left:150px;}

#header .nav{ position:absolute; left:420px; top:13px;}
#header .nav ul{}
#header .nav ul li{ float:left; position:relative;}
#header .nav ul li>a{ display:block; font-size:16px; line-height:43px; color:#FFF; text-align:center; padding:0 19px;}
#header .nav ul .cur{ background:url(../images/nav_bg.png) 0 0 repeat;}
#header .nav ul .zl{ background:url(../images/nav_bg.png) 0 0 repeat;}
#header .nav ul li ul{ display:none; padding-top:2px; position:absolute; top:43px; left:0; width:100%;}
#header .nav ul li li{ float:none; padding:0 7px; background:url(../images/sub_nav_bg.png) 0 0 repeat;}
#header .nav ul li li a{ font-size:14px; line-height:35px; color:#FFF; text-align:center;background:none; white-space:nowrap; padding:0;}
#header .nav ul li li a:hover{ background:none; color:#ff5705;}

#header .lang{ position:absolute; right:28px; top:29px; overflow:hidden;}
#header .lang a{ margin:0 7px; color:#FFF; font-size:14px; line-height:16px;}
#header .lang .en{ font-family:Arial;}

#footer{ width:100%; height:66px; font-size:12px; color:#FFF; line-height:14px; background:url(../images/footer_bg.jpg) 0 0 repeat-x;}
#footer .link{ overflow:hidden; position:absolute; left:15px; top:25px;}
#footer .link li{ float:left; margin:0 5px;}
#footer .copy{ width:650px; position:absolute; left:50%; top:15px; margin-left:-300px; text-align:center; text-transform:uppercase;}
#footer .ftbj{ margin-left:16px;}
#footer .share{ right:12px; top:20px; position:absolute;}
#footer .share a{ margin:0 7px; display:inline-block; width:28px; height:24px; background:url(../images/share.png) no-repeat;}
#footer .share .wb{ background-position:0 0;}
#footer .share .wx{ background-position:-30px 0;}
#footer .share .wb:hover{ background-position:0 -24px;}
#footer .share .wx:hover{ background-position:-30px -24px;}
#footer a{ color:#FFF;}
#footer a:hover{ color:#ff5705;}

#bannar{ width:100%; overflow:hidden;}
#bannar img{}

#section{ position:relative;}

/*面包屑*/
.bread{height:52px;line-height:52px;font-size:12px;color:#717171;padding-left:15px;}
.bread a{color:#717171;}
.bread a:hover{color:#ff5705;}
.bread .cur{color:#ff5705;}

/*滚动条
.dragWarp{ width:28px; height:478px; position:absolute; right:0; top:15px;}
.dragColor{ width:1px; height:478px; margin:0 auto; background-color:#dcdcdc; border-left:1px solid #e8e8e8;}
.dragBar{ width:28px; height:41px; background:url(../images/dragbar.png) center top no-repeat; position:absolute; left:0; top:20px;}
*/

.selectWarp{ text-align:left; cursor:pointer; position:relative;}
.selectBtn{ overflow:hidden; height: 44px; line-height: 44px; font-size:14px; color:#FFF; background:url(../images/select_arrow.png) right 0 no-repeat;}
.selectBg{ background-position: right -44px;}
.selectWarp ul { width: 100%; display: none; position: absolute; left: 0; top: 44px; background-color:#f06d1d; overflow:auto; z-index:10; }
.selectWarp ul li { font-size:14px; height: 28px; line-height: 28px; padding:0 10px !important; }
.selectWarp ul li:hover { color:#fd873f;}

.page{ text-align:center; width:100%;}
.page ul{ display:inline-block; overflow:hidden;}
.page li{ float:left; padding:0 5px; color:#707070; line-height:34px;}
.page a{ display:block; width:34px; height:34px; line-height:34px; color:#909090; border:1px solid #c9c9c9; border-radius:3px;}
.page a:hover{ color:#FFF; background-color:#dc3232; border-color:#dc3232;}
.page .cur{ color:#FFF; background-color:#dc3232; border-color:#dc3232;}



#news_dbg{display:none; width:100%; height:100%; background: url(../images/news_dbg.png); position: fixed; top:0px; left:0px; z-index: 50;}
.video_hide{width:673px; height:499px; position: fixed; left:50%; margin-left:-336px; top:50%; margin-top:-250px; background: url(../images/news_hide_bg.png) no-repeat; color:#474747; z-index: 50;display:none;}
.video_hide h3{width:673px; height:30px; line-height: 30px; font-size:24px; text-align: center; color:#648bac; padding-top:25px;}
.video_hide .vide{display: block; width:495px; height:390px; margin:0 auto; margin-top:50px;}
.video_hide .close{width:25px;height:25px; background: url(../images/news_hide_close.png) center no-repeat; position: absolute; top:10px; right:20px; cursor: pointer; z-index: 99;}



.pag{ text-align:center; margin-top:40px; margin-bottom:10px;}
.pag a{ background:url(../images/page.png) no-repeat center; display:inline-block; text-align:center; width:31px; height:31px; line-height:30px; font-size:16px; color:#707070; margin:0 3px;}
.pag a.now{ background:url(../images/page2.png) no-repeat center; color:#fff;}
.pag a:hover{background:url(../images/page2.png) no-repeat center; color:#fff;}
.pag .none{ background:none; margin:0;}
.pag .none:hover{ background:none; color:#707070;}